<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="fongs/iconfont.css">
    <link rel="stylesheet" href="swier/swiper.min.css">
</head>

<body>
    <div id="box">
        <header>
            <div class="header_left">
                <i class='iconfont icon-liebiao'></i>
            </div>
            <div class="header_center">
                <a href="#">卖座电影</a>
            </div>
            <div class="header_right">
                <div class="header_right_left">
                    <a href="#">深圳</a>
                    <i class='iconfont icon-chevron-copy-copy-copy'></i>
                </div>
                <a class="header_right_right">
                    <i class='iconfont icon-gerenzhongxin'></i>
                </a>
            </div>
        </header>
        <section>
            <div class="swiper-container lbt">
                <div class="swiper-wrapper">
                    <div class="swiper-slide" v-for='lunbolist in lunbo'>
						<img v-bind:src="lunbolist.imageUrl" alt="">
                    </div>
                    
                </div>
            </div>
            <div class="content">
                <ul>
                    <li>
                        <img src="images/50fee00488817e1acda5fad62ef66456.jpg" alt="">
                        <div>
                            <div class="left">
                                <h4>摔跤吧!爸爸</h4>
                                <p>148家影院上映 2264556人购票</p>
                            </div>
                            <div class="right">
                                9.5
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </section>
    </div>
    <script src='js/jquery.min.js'></script>
    <script src='js/vue.js'></script>
    <script src="js/vue-resource.min.js"></script>
    <script src='swier/swiper.jquery.min.js'></script>
    <script>
    var data = <%- data%>
    console.log(JSON.parse(data).data.billboards)
    new Vue({
            el: '#box',
            data: {
            	lunbo:JSON.parse(data).data.billboards,
            	
            },
           }
        )
        //swier 
    var mySwiper = new Swiper('.swiper-container', {
        direction: 'horizontal',
        loop: true,
        autoplay: 500,
        speed: 2000,
        autoplayDisableOnInteraction: false
    })
    </script>
</body>

</html>
